.view {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.container {
  --list-padding-top: 32rpx;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  .scrollWrap {
    flex: 1;
    overflow: scroll;
  }
  .device-list {
    flex: 1;
    padding: var(--list-padding-top) 21rpx;
  }

  .device-item {
    display: inline-flex;
    margin: 0 12rpx 24rpx;

    &-left-image {
      width: 64rpx;
      height: 64rpx;
    }

    &-icon-type {
      width: 36rpx;
      height: 36rpx;
    }
  }

  .empty-container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - var(--bottom-fixed-button-height) - var(--bottom-fixed-button-content-padding) * 2 - var(--safe-area-bottom) - var(--safe-area-top) - var(--list-padding-top) * 2);
  }
}
